.colorSquare {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 20px;
  border-radius: 4px;
}

.color1 {
  background: #f47920;
  color: #fff !important;
}
.color2 {
  background: #145b7d;
  /* border-radius: 4px; */
  color: #fff !important;
}

.color3 {
  background: #d71345;
  /* border-radius: 4px; */
  color: #fff !important;
}

.color4 {
  background: #8552a1;
  /* border-radius: 4px; */
  color: #fff !important;
}

.color5 {
  background: #45b97c;
  /* border-radius: 4px; */
  color: #fff !important;
}

.color6 {
  background: #ffd400;
  /* border-radius: 4px; */
  border: 1px solid #e0e0e0;
  color: #1e0b02 !important;
}

.color7 {
  background: #009ad6;
  /* border-radius: 4px; */
  color: #fff !important;
}

.color8 {
  background: #f58f98;
  /* border-radius: 4px; */
  color: #fff !important;
}

.color9 {
  background: #cd7f32;
  /* border-radius: 4px; */
  color: #fff !important;
}

.color10 {
  background: #843900;
  color: #fff;
}
.color11 {
  background: #a8a8a8;
  color: #fff;
}
.color12 {
  background: #cdcdcd;
  color: #fff;
}
.color13 {
  background: #84bf96;
  color: #fff;
}
.color14 {
  background: #23238e;
  color: #fff;
}
.color15 {
  background: #2a5caa;
  color: #fff;
}
.color16 {
  background: #ff2400;
  color: #fff;
}
.color17 {
  background: #3299cc;
  color: #fff;
}
.color18 {
  background: #472d56;
  color: #fff;
}
.color19 {
  background: #008080;
  color: #fff;
}
.color20 {
  background: #cc3299;
  color: #fff;
}
